// 扩展webpack的配置
// 做跨域代理
module.exports = {
    devServer: {
        proxy : {
            // 跨越代理： 遇到所有以/api开头的路由，都代理到后面的置顶地址
            '/api' : 'http://localhost:8080'
        }
    }
}

/* 
    Webpack DevServer（通常简称为Dev Server）是一个小型的Node.js HTTP服务器，专门设计用于开发环境，它为Webpack提供了实时重新加载和热模块替换（Hot Module Replacement，简称HMR）的功能。Dev Server在开发过程中极大地提高了开发效率，因为它可以实时地反映你对代码所做的更改，无需手动刷新浏览器。

Webpack Dev Server的主要特点和功能包括：
1，实时重新加载（Live Reloading）：
当你修改了代码并保存时，Dev Server会检测到这些更改并重新编译你的项目。一旦编译完成，浏览器会自动刷新，显示最新的更改结果。
2，热模块替换（Hot Module Replacement，HMR）：
HMR 允许你在不重新加载整个页面的情况下替换模块。这意味着你可以看到代码更改的效果，而不会丢失浏览器的状态（如表单输入、滚动位置等）。这对于React、Vue等使用虚拟DOM的前端框架特别有用。
3，提供静态资源服务：
Dev Server可以作为一个HTTP服务器，提供你的项目中的静态资源，如JavaScript、CSS、图片等。
4，代理API请求：
在开发环境中，Dev Server可以代理API请求到后端服务器，这在前后端分离的开发模式下非常有用，可以避免跨域问题。
5，错误和警告的实时反馈：
Dev Server会在控制台中显示编译过程中的错误和警告，帮助你快速定位和解决问题。
6，公共路径和热更新：
Dev Server可以设置一个公共路径，所有输出的资源都会被发布到这个路径下。此外，它支持热更新，这意味着在代码更改后，Dev Server可以智能地只更新发生变化的部分，而不是重新加载整个页面。
*/